<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情放大镜</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/commom.css">
    <link rel="stylesheet" href="css/zoom.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/zoom.js"></script>
</head>
<body>
    <!-- 快捷导航模块start -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎你！&nbsp</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="#" class="style_red">请注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li class="spare"></li>
                    <li>品优购会员</li>
                    <li class="spare"></li>
                    <li>企业采购</li>
                    <li class="spare"></li>
                    <li class="arrow-icon">客户服务</li>
                    <li class="spare"></li>
                    <li class="arrow-icon arrow-show">网站导航
                        <div class="nav_show">
                            <ul>
                                <li><a href="">优惠券</a></li>
                                <li><a href="">共创商品</a></li>
                                <li><a href="">优惠活动</a></li>
                                <li><a href="">批发市场</a></li>
                            </ul>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </div>
        
    </section>
    <!-- 快捷导航模块end -->
    <!-- 头部模块start -->
    <header class="header w">
        <!-- logo模块 -->
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购商城">品优购商城</a>
            </h1>
        </div>
        <!-- search模块 -->
        <div class="search">
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
        </div>

        <!-- 关键词模块 -->
        <div class="hotkeyword">
            <a href="#" class="style_red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>

        <div class="shopcart">
            <a href="#">我的购物车</a>
            <i class="count">8</i>
        </div>

    </header>
    <!-- 头部模块end -->

    <!-- 导航模块start -->
    <div class="nav">
        <div class="w">
            <div class="dropdown fl">
                 <div class="dd">全部商品分类</div>
                 <div class="dt" style="display: none;">
                     <ul>
                         <li><a href="#">家用电器</a><i></i></li>
                         <li><a href="#">手机 数码 通信</a><i></i></li>
                     </ul>
                 </div>
            </div>
            <div class="navitems fl">
                <a href="">服装城</a>
                <a href="">美妆馆</a>
                <a href="">传智超市</a>
                <a href="">全球购</a>
                <a href="">闪购</a>
                <a href="">团购</a>
                <a href="">拍卖</a>
                <a href="">有趣</a>
            </div>
        </div>
    </div>
    <!-- 导航模块end -->
    <div class="w goodsDetails">
        <div class="goods_l">
            <div class="cata_nav">
                <ul>
                    <li>男装女装</li>
                    <li>女装</li>
                    <li>衬衫</li>
                </ul>
            </div>
            <div class="zoom_w">
                <div class="zoom">
                    <img src="upload/small.jpg" alt="" class="smallpig">
                    <div class="move">
            
                    </div>
                    <div class="big">
                        <img src="upload/big.jpg" alt="" class="bigpig">
                    </div>
                </div>
            </div>
            
            <div class="photo_change">
                <a href="arrow_l"></a>
                <a href="arrow_r"></a>
                <ul>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="goods_r">
            <div class="goods_det">
                <h1>iphone 45662456451</h1>
                    <div class="summary">
						<div class="summary-wrap">
							<div class="fl title">
								<i>价　　格</i>
							</div>
							<div class="fl price">
								<i>¥</i>
								<em id="goods_price">1000.00</em>
								<span>降价通知</span>
							</div>
							<div class="fr remark">
								<i>累计评价</i><em>612188</em>
							</div>
						</div>
						<div class="summary-wrap">
							<div class="fl title">
								<i>促　　销</i>
							</div>
							<div class="fl fix-width">
								<i class="red-bg">加价购</i>
								<em class="t-gray">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换购热销商品</em>
							</div>
						</div>
					</div>
                </div>
                <div class="goods_attr">
                    
                </div>
            
            
            
        </div>
    </div>
    
</body>
</html>